*{margin:0; padding:0;}
.index{  padding:0;  margin:0;
  .out{position:relative;
    width: 1334px;
    height: 3620px;
    margin:0 auto;
    .clearfix:before,.clearfix:after{
      display:table;
      content:"";
    }
    .clearfix:after{
      clear:both;
    }
    .clearfix{
      *zoom:1;
    }
    .in{float:left; margin-left:67px; width: 1200px;  height: 3530px;
      .up{ height:740px;  margin-bottom:18px;
        .header{  height:140px;  margin-bottom: 10px;
          .word{  height: 30px;  padding-left: 40px;  margin: 0;   text-align: center;  line-height: 30px;
            .word-a{  float: left;  }
            .word-b{  float:right;  margin-right: 120px; span{margin-left: 15px;
              } } }
          .text{
            width: 1200px;  height:110px;  padding-top:25px;  background-image:url("../img/index/logo.png");
            background-position:120px 10px; background-repeat: no-repeat;
            .search{width:134px; height:46px;background-color: #e01222;
              color:white; font-size:20px;text-align:center;line-height:48px; float:right;
              position: absolute;left: 900px;
            }
            .text-search{  width: 600px;  height: 46px;  border:2px solid #e01222;  margin-left:350px;
              .txt{  float: left;  width:30px;  height:50px;  text-align: center; line-height:
                50px; margin:0;  font-size:14px;  color: #919191;}
            } } }
        .banner{position:relative;width:1200px;  height:590px;
          .list{  width: 180px; height:590px;
            .list-top{width:180px;  height:45px; background-color: #e01222;
              font-size:20px; text-align: center; line-height: 45px;  color: #fff;
            }
            #list-bottom{width:180px;  height:544px;   padding:0;  margin:0;
              list-style: none;
            li{width:180px;  height:34px; font-size: 14px; color: white; list-style: none; text-align: center;
              position:relative;background-color: #2b2b2b;
              img{position:absolute; left:12px; top:2px;}
              span{position:absolute; left:150px; top:2px; color:#666;}
            line-height: 34px;  padding:0; margin: 0;
            img{width:30px;  height: 30px;}
            }
              li:hover{background-color: white;}
            }
          }
          .nav{position:absolute;  left:180px; top:0; width:1020px; height:45px; border-bottom: 2px solid #e01222;
            .nav-left{  line-height: 45px;  width:425px; height:45px;
              a{text-decoration:none;margin-left:18px; color: #333; font-size: 18px;}
              span{margin-left:18px; color:#d9d9d9;}
            }
            .nav-right{position:absolute; right:0; top:5px; width:254px; height:34px;
            background:url("../img/index/gift.png") no-repeat 55px 1px ;
            .right-bg{width:156px; height:34px; position:absolute; right:0px; top:0; background-color: #e01222;
            line-height: 34px; text-align: center; color:#e29d28;}}
          }
          .bg{position:absolute; left:185px; top:55px;width:740px;height:370px;overflow:hidden;
          .img{width:5920px;height:370px;position:absolute;left:0;top:0;
            img{float:left;width:740px;height:370px;}
          }
            #btnL{width:40px;height:50px;padding:5px 0 0 15px;background-color: black;opacity:0;position:absolute;left:0;top:165px;
              .btnL1{color:white;font-size:30px; position:absolute;left:10px;top:15px;}}
            #btnR{width:40px;height:50px;padding:5px 0 0 15px;background-color: black;opacity:0;position:absolute;right:0;top:165px;
              .btnR2{color:white;font-size:30px;position:absolute;right:10px;top:15px; }}
          #point{margin:0; padding:0; width:80px;height:10px;
            position:absolute;left:330px;bottom:35px;
          li{list-style:none; float:left;width:10px; height:10px;background-color:black;opacity:0.5;
            border-radius:50%; margin-right:10px;}
            .on{background-color: white;}
            } }
          .js-1{width:760px;height:380px; position:absolute; left:180px; top:45px;border:1px solid black;
            border-left: none;display:none;background-color:white;z-index:2;
            #cake1{width:330px;height:140px; margin-left:20px; margin-top:20px;
              p{color:#e01222;font-size:14px;  font-weight:bold;}
              li{list-style:none;  width:60px;height:20px;border:1px solid #d7d4d4; float:left;
                margin-left:5px;text-align:center; margin-top:5px;
                a{text-decoration:none;color:#888;  font-size:12px; line-height: 20px;}
              a:hover{color:#e01222;}}
            }
            #cake2{width:330px;height:140px; margin-left:20px; position:absolute; right:60px; top:20px;
              p{color:#e01222;font-size:14px;  font-weight:bold;}
              li{list-style:none;  width:60px;height:20px;border:1px solid #d7d4d4; float:left;
                margin-left:5px;text-align:center; margin-top:5px;
                a{text-decoration:none;color:#888;  font-size:12px; line-height: 20px;}}
            }
            #cake3{width:620px;height:70px;
              p{width:620px;height:30px;border-bottom:1px solid #d7d4d4; line-height:30px;
                margin-bottom:8px;margin-left:20px; font-size: 16px;}
              a{text-decoration:none;color:#888;  font-size:14px; line-height: 20px; margin-left:5px;}
              #cakee{margin-left:20px;}
              span{color:#888;margin-left:5px;}
            }


          }
          .notice{width:220px; height:390px; position:absolute; right:0px; top:55px;
            .headline{width:220px; height:50px; font-size:18px; color:#e01222;line-height:50px;
              img{margin-left:20px; margin-right:10px;}
              span{margin-left:60px;}}
            .notice-list{width:220px; height:170px; padding-left:20px;
              li{list-style:none;  width:220px; height:30px; a{color:#333; text-decoration:none;}} }}
          .banner-bottom{margin:0; padding:0; width:1015px; height:160px; position:absolute; right:0; bottom:0;
            li{ float:left; margin-right:20px;list-style: none; width:200px; height:160px;
              a{ padding:0; margin:0; width:200px; height:160px; font-size:20px;  text-decoration: none;
                p{padding:0; margin:0; width:200px; height:40px;  text-align: center; line-height: 40px; font-weight: bold;}
                .per-red2{padding:0; margin:30px; width:130px; height:40px; background-color:#f19ec2; border-radius:8px;
                  line-height: 40px; text-align: center;color:#e01222;}
                .per-red2:hover{background-color:#f8eebc;}
              .per-red{color:#e01222;}
              .per-white{color:white;}}}
            .b1{background-color:#e01222;a{ color:white; }  }
            .b2{background-color:#ec6941; a{color:#e01222;}}
          }

        }
          }
      .medium{ width:1188px; height:400px; border:6px solid #e01222;
        margin-bottom: 10px;position:relative;
        .medium-top{margin:0;padding:0;width:1182px; height:88px; background-color: #e01222;
          .spew{ width:500px; height:92px; line-height:92px; text-align:center; font-size:30px;color:white;
            .special-white{font-weight:bold;color:white;}
            #pb{color:#dada5c; font-weight:bold;}}
          .time-index{width:300px;height:50px; position:absolute; right:10px; top:20px;
            li{list-style:none; width:50px; height:50px; border-radius:50%; background-color:white;
              float:left; margin-left:15px; text-align:center; line-height: 50px;font-weight: bold;font-size:20px;
              color:#e01222;}
            .s1-index{position:absolute; right:224px; top:15px; font-weight: bold;font-size:25px;color:white;}
            .s2-index{position:absolute; right:158px; top:15px; font-weight: bold; font-size:25px;color:white;}
          .s3-index{position:absolute; right:92px; top:15px; font-weight: bold; font-size:25px;color:white;}}}
        .medium-bottom{width:1200px; height:312px;
          li{list-style: none; width:297px; height:306px; border-right:4px solid #e01222;float:left;
            img{margin-left:50px; margin-top:20px;}
            .p-left{float:left; width:120px; height:50px; margin-left:20px; margin-top: 25px;
              .pig{color:#e01222; font-size:25px;}}
            .p-right{float:right; width:50px; height:30px; background-color:#e01222; margin-right:20px;
              margin-top:40px; color:white; line-height: 30px; text-align: center;}
            .p-right:hover{color:black;}
          }
          .l4{border-right:0;}}

      }
      .next{width:1200px; height: 2250px;   margin-bottom: 20px;
        .next1{width:1200px;height:450px;
          .next-top{width:1200px; height:48px; border-bottom: 2px solid #68937f;
            .nl{float:left;
              .nl1{font-size:22px; font-weight:bold; margin-right:15px; line-height: 48px; }
              .nl2{color:#977a6f;background-color:#fff7d1;}}
            .nr{float:right; margin-right:5px;line-height: 48px;
              a{ color:black; margin-left: 4px; text-decoration: none;
                .nr1{margin-left:4px;}}} }
          .next-bottom{width:1200px; height:400px;
            .next-bottom-a{width:220px;height:400px;float:left;
              .nba1{width:40px;height:75px;float:left; margin-left:24px; margin-top:16px;
              .nba1-three{width:40px;height:25px; text-align:center;line-height:25px; font-size:14px;}}
              .nba2{width:220px;height:30px; text-align:center; margin-top:100px; color:#e01222; font-size:16px;}
              .nba3{margin:0;width:220px;height:20px; text-align:center; color:#666;font-size:10px;}
              img{width:201px;height:174px; margin-left:10px; margin-top:20px;}}
            .next-bottom-b{width:300px;height:400px;float:left;}
            .next-bottom-c{width:226px;height:400px;float:left;
              .nbc1{width:226px;height:20px; text-align:center; font-weight:bold; fon-size:14px;}
              .nbc2{width:226px;height:15px; text-align:center; fon-size:10px; color:#666;}
              img{margin-top:15px; margin-left:40px;} }
            .next-bottom-d{width:224px;height:400px;float:left;
              .nbd1{width:224px;height:20px; text-align:center; font-weight:bold; fon-size:14px; margin-top:40px;}
              .nbd2{width:224px;height:15px; text-align:center; fon-size:10px; color:#666;}
              img{margin-top:60px; margin-left:10px;}}
            .next-bottom-e{width:230px;height:400px;float:left;
              .nbe1{width:226px;height:20px; text-align:center; font-weight:bold; fon-size:14px;}
              .nbe2{width:226px;height:15px; text-align:center; fon-size:10px; color:#666;}
              img{margin-top:5px; margin-left:40px;}}
          }
        }
      }
      .footer-index{  height:90px;
        .cen{width:360px; height:24px; margin:0 auto;
          a{text-decoration:none; margin-right:20px; color:#6c6c6c; font-size: 14px;}
          span{margin-right:15px; color:#6c6c6c;}
        }

        .f-line{width:1200px; height:1px; background-color: #ddd;margin:0 auto; margin-top:8px;}
        p{width:280px; height:50px; line-height: 50px;font-size:14px; text-align: center;margin:0 auto;}
      }



    }



    #right{float:right;width:35px; height:3520px; background-color:#2b2b2b;position:fixed;right:0;top:0;
      #right1{width:35px; height:350px; position:fixed;top:30px;right:0;
        li{list-style:none; padding:0;margin:0;width:35px;height:40px;
          img{margin-top:5px; margin-left:10px;}
          p{color:#d8d8d8; font-size:11px; margin-left:12px; margin-top:5px;}
          #rbg{width:22px;height:22px;background-color: #e01222; border-radius: 50%; text-align: center;
            margin-top:10px; margin-bottom:8px; margin-left:8px; line-height: 22px;}
        }
        #shopcar{width:35px;height:135px;}

      }
      #right2{width:35px;height:80px;  position:fixed;top:80%;right:0;
        li{list-style:none; padding:0;margin:0;width:35px;height:40px;
          img{margin-left:10px;margin-top:10px;}
          #sanjiao { margin-left: 12px;padding-top:10px;
            width:0;
            height:0;
            border-left:5px solid transparent;
            border-right:5px solid transparent;
            border-bottom:5px solid #d8d8d8;
          }
          p{font-size: 11px; color:#d8d8d8; margin-left:8px;}
        }

    }
      li:hover{background-color: #e01222;  }

  }
    #per{width:270px;height:180px;border:1px solid #ddd;display:none;
      position:fixed;right:35px;top:0px;background-color: white;
      img{margin-left:5px;}
      p{width:120px;height:48px; text-align:center; line-height:24px;color:#333;
        position:absolute;right:30px;top:30px;}
      .p-bottom{width:160px;height:27px;position:absolute;right:50px;top:120px;
      span{text-align:center; line-height:27px;color:#333; margin-left:5px;}
      }
    }
#MY{width:120px;height:100%;position:fixed;right:35px;top:0;display:none;
  #my1{width:92px;height:40px;background-color:#2b2b2b; position: fixed;right:35px;top:206px;
    text-align:center;line-height:40px; color:#d8d8d8;display:none; font-size:14px;}
  #my2{width:92px;height:40px;background-color:#2b2b2b; position: fixed;right:35px;top:246px;
    text-align:center;line-height:40px; color:#d8d8d8;display:none;font-size:14px;}
  #my3{width:92px;height:40px;background-color:#2b2b2b; position: fixed;right:35px;top:286px;
    text-align:center;line-height:40px; color:#d8d8d8;display:none;font-size:14px;}
  #my4{width:92px;height:40px;background-color:#2b2b2b; position: fixed;right:35px;top:326px;
    text-align:center;line-height:40px; color:#d8d8d8;display:none;font-size:14px;}
  #my5{width:92px;height:40px;background-color:#2b2b2b; position:fixed;right:35px;bottom:106px;
    text-align:center;line-height:40px; color:#d8d8d8;display:none;font-size:14px;}

  #my6{width:112px;height:112px;position: fixed;right:35px;bottom:60px;display:none;}
}


}}
